<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>SDUT酒店管理系统</title>
    </head>
    <body>
        <!--END BACK TO TOP-->
        <!--BEGIN TOPBAR-->
        <div id="header-topbar-option-demo" class="page-header-topbar" th:fragment="topFragment">
            <nav id="topbar" role="navigation" style="margin-bottom: 0; z-index: 2;"
                 class="navbar navbar-default navbar-static-top">
                <div class="navbar-header">
                    <button type="button" data-toggle="collapse" data-target=".sidebar-collapse"
                            class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span
                            class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                    </button>
                    <a id="logo" href="/main.html" class="navbar-brand"><span class="fa fa-rocket"></span><span
                            class="logo-text">SDUT酒店管理</span><span style="display: none"
                                                                 class="logo-text-icon">µ</span></a>
                </div>
                <div class="topbar-main"><a id="menu-toggle" href="#" class="hidden-xs"><i
                        class="fa fa-bars"></i></a>
                    <ul class="nav navbar-nav    ">
                        <li class="active"><a href="/main.html">Dashboard</a>
                        </li>
                        <li><a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle">Layouts
                            &nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="layout-left-sidebar.html">Left Sidebar</a>
                                </li>
                                <li><a href="layout-right-sidebar.html">Right Sidebar</a>
                                </li>
                                <li><a href="layout-left-sidebar-collapsed.html">Left Sidebar Collasped</a>
                                </li>
                                <li><a href="layout-right-sidebar-collapsed.html">Right Sidebar Collasped</a>
                                </li>
                                <li class="dropdown-submenu"><a href="javascript:;" data-toggle="dropdown"
                                                                class="dropdown-toggle">More Options</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Second level link</a>
                                        </li>
                                        <li class="dropdown-submenu"><a href="javascript:;" data-toggle="dropdown"
                                                                        class="dropdown-toggle">More Options</a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Third level link</a>
                                                </li>
                                                <li><a href="#">Third level link</a>
                                                </li>
                                                <li><a href="#">Third level link</a>
                                                </li>
                                                <li><a href="#">Third level link</a>
                                                </li>
                                                <li><a href="#">Third level link</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Second level link</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="mega-menu-dropdown"><a href="javascript:;" data-toggle="dropdown"
                                                          class="dropdown-toggle">UI Elements
                            &nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="mega-menu-content">
                                        <div class="row">
                                            <ul class="col-md-4 mega-menu-submenu">
                                                <li>
                                                    <h3>Neque porro quisquam</h3>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum dolor
                                                    sit amet</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                    adipisicing elit</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut perspiciatis
                                                    unde omnis</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                    accusamus et iusto</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero tempore
                                                    cum soluta</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                    rerum facilis est</a>
                                                </li>
                                            </ul>
                                            <ul class="col-md-4 mega-menu-submenu">
                                                <li>
                                                    <h3>Neque porro quisquam</h3>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum dolor
                                                    sit amet</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                    adipisicing elit</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut perspiciatis
                                                    unde omnis</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                    accusamus et iusto</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero tempore
                                                    cum soluta</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                    rerum facilis est</a>
                                                </li>
                                            </ul>
                                            <ul class="col-md-4 mega-menu-submenu">
                                                <li>
                                                    <h3>Neque porro quisquam</h3>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum dolor
                                                    sit amet</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                    adipisicing elit</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut perspiciatis
                                                    unde omnis</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                    accusamus et iusto</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero tempore
                                                    cum soluta</a>
                                                </li>
                                                <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                    rerum facilis est</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="mega-menu-dropdown mega-menu-full"><a href="javascript:;" data-toggle="dropdown"
                                                                         class="dropdown-toggle">Extras
                            &nbsp;<i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <div class="mega-menu-content">
                                        <div class="row">
                                            <div class="col-md-7">
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li>
                                                        <h3>Neque porro quisquam</h3>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum
                                                        dolor sit amet</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                        adipisicing elit</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut
                                                        perspiciatis unde omnis</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                        accusamus et iusto</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero
                                                        tempore cum soluta</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                        rerum facilis est</a>
                                                    </li>
                                                </ul>
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li>
                                                        <h3>Neque porro quisquam</h3>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum
                                                        dolor sit amet</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                        adipisicing elit</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut
                                                        perspiciatis unde omnis</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                        accusamus et iusto</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero
                                                        tempore cum soluta</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                        rerum facilis est</a>
                                                    </li>
                                                </ul>
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li>
                                                        <h3>Neque porro quisquam</h3>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Lorem ipsum
                                                        dolor sit amet</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Consectetur
                                                        adipisicing elit</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut
                                                        perspiciatis unde omnis</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>At vero eos et
                                                        accusamus et iusto</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Nam libero
                                                        tempore cum soluta</a>
                                                    </li>
                                                    <li><a href="#"><i class="fa fa-angle-right"></i>Et harum quidem
                                                        rerum facilis est</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="col-md-5 document-demo">
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li><a href="#"></a>
                                                    </li>
                                                    <li><a href="#"><i
                                                            class="fa fa-download"></i><span>Installation</span></a>
                                                    </li>
                                                </ul>
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li><a href="#"><i
                                                            class="fa fa-cog"></i><span>T3 Settings</span></a>
                                                    </li>
                                                    <li><a href="#"><i
                                                            class="fa fa-desktop"></i><span>Layout System</span></a>
                                                    </li>
                                                </ul>
                                                <ul class="col-md-4 mega-menu-submenu">
                                                    <li><a href="#"><i
                                                            class="fa fa-magic"></i><span>Customization</span></a>
                                                    </li>
                                                    <li><a href="#"><i
                                                            class="fa fa-question-circle"></i><span>FAQs</span></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!---右边头部 样式信息-->
                    <ul class="nav navbar navbar-top-links navbar-right mbn">
                        <li class="dropdown hidden-xs">
<!--                            &lt;!&ndash;BEGIN THEME SETTING&ndash;&gt;<a id="theme-setting" href="javascript:;"-->
<!--                                                         data-hover="dropdown" data-step="1"-->
<!--                                                         data-intro="&lt;b&gt;Header&lt;/b&gt;, &lt;b&gt;sidebar&lt;/b&gt;, &lt;b&gt;border style&lt;/b&gt; and &lt;b&gt;color&lt;/b&gt;, all of them can change for you to create the best"-->
<!--                                                         data-position="left" class="dropdown-toggle"><i-->
<!--                                class="fa fa-cogs"></i></a>-->
                            <ul class="dropdown-menu dropdown-theme-setting pull-right">
<!--                                <li>-->
<!--                                    <h4 class="mtn">主题风格</h4>-->
<!--                                    <select id="list-style" class="form-control">-->
<!--                                        <option value="style1">平方的风格</option>-->
<!--                                        <option value="style2">扁圆形风格</option>-->
<!--                                        <option value="style3">平边框样式</option>-->
<!--                                    </select>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h4 class="mtn">菜单样式</h4>-->
<!--                                    <select id="list-menu" class="form-control">-->
<!--&lt;!&ndash;                                        <option value="sidebar-default">菜单风格1</option>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <option value="sidebar-colors">菜单风格2</option>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <option value="sidebar-icons">菜单风格3</option>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <option value="sidebar-collapsed">菜单风格4</option>&ndash;&gt;-->
<!--                                    </select>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h4 class="mtn">标题和侧边栏</h4>-->
<!--                                    <select id="list-header" class="form-control">-->
<!--                                        <option value="header-static">静态的</option>-->
<!--                                        <option value="header-fixed">固定的</option>-->
<!--                                    </select>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <h4 class="mtn">主题色彩</h4>-->
<!--                                    <ul id="list-color" class="list-unstyled list-inline">-->
<!--                                        <li data-color="green-dark" data-hover="tooltip" title="Green - Dark"-->
<!--                                            class="green-dark"></li>-->
<!--                                        <li data-color="red-dark" data-hover="tooltip" title="Red - Dark"-->
<!--                                            class="red-dark"></li>-->
<!--                                        <li data-color="pink-dark" data-hover="tooltip" title="Pink - Dark"-->
<!--                                            class="pink-dark"></li>-->
<!--                                        <li data-color="blue-dark" data-hover="tooltip" title="Blue - Dark"-->
<!--                                            class="blue-dark"></li>-->
<!--                                        <li data-color="yellow-dark" data-hover="tooltip" title="Yellow - Dark"-->
<!--                                            class="yellow-dark"></li>-->
<!--                                        <li data-color="green-grey" data-hover="tooltip" title="Green - Grey"-->
<!--                                            class="green-grey"></li>-->
<!--                                        <li data-color="red-grey" data-hover="tooltip" title="Red - Grey"-->
<!--                                            class="red-grey"></li>-->
<!--                                        <li data-color="pink-grey" data-hover="tooltip" title="Pink - Grey"-->
<!--                                            class="pink-grey"></li>-->
<!--                                        <li data-color="blue-grey" data-hover="tooltip" title="Blue - Grey"-->
<!--                                            class="blue-grey"></li>-->
<!--                                        <li data-color="yellow-grey" data-hover="tooltip" title="Yellow - Grey"-->
<!--                                            class="yellow-grey"></li>-->
<!--                                        <li data-color="yellow-green" data-hover="tooltip" title="Yellow - Green"-->
<!--                                            class="yellow-green"></li>-->
<!--                                        <li data-color="orange-grey" data-hover="tooltip" title="Orange - Grey"-->
<!--                                            class="orange-grey"></li>-->
<!--                                        <li data-color="pink-blue" data-hover="tooltip" title="Pink - Blue"-->
<!--                                            class="pink-blue"></li>-->
<!--                                        <li data-color="pink-violet" data-hover="tooltip" title="Pink - Violet"-->
<!--                                            class="pink-violet active"></li>-->
<!--                                        <li data-color="orange-violet" data-hover="tooltip" title="Orange - Violet"-->
<!--                                            class="orange-violet"></li>-->
<!--                                        <li data-color="pink-green" data-hover="tooltip" title="Pink - Green"-->
<!--                                            class="pink-green"></li>-->
<!--                                        <li data-color="pink-brown" data-hover="tooltip" title="Pink - Brown"-->
<!--                                            class="pink-brown"></li>-->
<!--                                        <li data-color="orange-blue" data-hover="tooltip" title="Orange - Blue"-->
<!--                                            class="orange-blue"></li>-->
<!--                                        <li data-color="yellow-blue" data-hover="tooltip" title="Yellow - Blue"-->
<!--                                            class="yellow-blue"></li>-->
<!--                                        <li data-color="green-blue" data-hover="tooltip" title="Green - Blue"-->
<!--                                            class="green-blue"></li>-->
<!--                                    </ul>-->
<!--                                </li>-->
                            </ul>
                            <!--END THEME SETTING-->
                        </li>
                    </ul>
                </div>
            </nav>
            <!--BEGIN MODAL CONFIG PORTLET-->
            <div id="modal-config" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;
                            </button>
                            <h4 class="modal-title">Modal title</h4>
                        </div>
                        <div class="modal-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend et nisl eget
                                porta. Curabitur elementum sem molestie nisl varius, eget tempus odio molestie. Nunc
                                vehicula sem arcu, eu pulvinar neque cursus ac. Aliquam ultricies lobortis magna et
                                aliquam. Vestibulum egestas eu urna sed ultricies. Nullam pulvinar dolor vitae quam
                                dictum condimentum. Integer a sodales elit, eu pulvinar leo. Nunc nec aliquam nisi,
                                a mollis neque. Ut vel felis quis tellus hendrerit placerat. Vivamus vel nisl non
                                magna feugiat dignissim sed ut nibh. Nulla elementum, est a pretium hendrerit, arcu
                                risus luctus augue, mattis aliquet orci ligula eget massa. Sed ut ultricies
                                felis.</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--END MODAL CONFIG PORTLET-->
        </div>
    </body>
</html>
